<header>
    <!-- 导航栏（可选，如果你有导航） -->
    {% include 'website/frontend/navbar.html' %}

    <!-- 主视觉区域（替代 jumbotron） -->
    <section class="front-header bg-primary text-white py-5 text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-10">
                    <h1 class="display-4 mb-3">听雨轩</h1>
                    <p class="lead mb-4">
                        一只喵的故事
                    </p>
                    <a 
                        href="#" 
                        class="btn btn-light btn-lg px-4 py-3 shadow-sm" 
                        role="button"
                    >
                        了解他 →
                    </a>
                </div>
            </div>
        </div>
    </section>
</header>